<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/API.css">
</head>
<body>
    <!-- 顶部外面大盒子 -->
    <div class="nav-top">
        <!-- 左边logo -->
        <div class="logo"> <a href="index.html"><img src="./imgs/new-logo-white2.png" alt=""></a>
        </div>
        <!-- 中间导航栏 -->
        <div class="nav-top-zhong">
            <a href="index.html">首页</a>
            <a class="acvtion a" href="API.html">API</a>
            <a href="case.html">案例</a>

        </div>
        <!-- 右上角登录和注册按钮 -->
        <div class="btn">
            <a href="login.html"><button class="login">登录</button></a>
           <a href="register.html"> <button class="register">注册有礼</button></a>
        </div>
    </div>
    <!-- API分类 -->
    <div class="container API">
        <h2>API分类</h2>
        <div class="api">
            <!-- <span>全部</span>
            <span>生活服务</span>
            <span>金融科技</span>
            <span>交通地理</span>
            <span>充值缴费</span>
            <span>数据只能</span>
            <span>生活服务</span>
            <span>金融科技</span>
            <span>交通地理</span>
            <span>交通地理</span>
            <span>充值缴费</span>
            <span>数据只能</span>
            <span>生活服务</span>
            <span>金融科技</span>
            <span>交通地理</span>
            <span>充值缴费</span>
            <span>数据只能</span> -->
        </div>
        <p class="whole"> <strong>全部</strong>
            <input type="text" id="" placeholder="身份实名认证">
            <span></span>
        </p>
    </div>

    <!-- API列表 -->
    <ul class="api-meth container">
        <!-- <li class="api-item">
            <i>企业专用</i>
            <a class="aa" href="#">
                <img src="./imgs/API_01.jpg" alt="">
                <p>2021出行防疫免费指南</p>
                <span>免费</span>
            </a>
            <em>申请数据</em>
        </li> -->
        <!-- <li class="api-item">
            <i>企业专用</i>
            <a class="aa" href="#">
                <img src="./imgs/API_01.jpg" alt="">
                <p>2021出行防疫免费指南</p>
                <span>免费</span>
            </a>
            <em>申请数据</em>
        </li>
        <li class="api-item">
            <i>企业专用</i>
            <a class="aa" href="#">
                <img src="./imgs/API_01.jpg" alt="">
                <p>2021出行防疫免费指南</p>
                <span>免费</span>
            </a>
            <em>申请数据</em>
        </li>
        <li class="api-item">
            <i>企业专用</i>
            <a class="aa" href="#">
                <img src="./imgs/API_01.jpg" alt="">
                <p>2021出行防疫免费指南</p>
                <span>免费</span>
            </a>
            <em>申请数据</em>
        </li>
        <li class="api-item">
            <i>企业专用</i>
            <a class="aa" href="#">
                <img src="./imgs/API_01.jpg" alt="">
                <p>2021出行防疫免费指南</p>
                <span>免费</span>
            </a>
            <em>申请数据</em>
        </li>
        <li class="api-item">
            <i>企业专用</i>
            <a class="aa" href="#">
                <img src="./imgs/API_01.jpg" alt="">
                <p>2021出行防疫免费指南</p>
                <span>免费</span>
            </a>
            <em>申请数据</em>
        </li>
        <li class="api-item">
            <i>企业专用</i>
            <a class="aa" href="#">
                <img src="./imgs/API_01.jpg" alt="">
                <p>2021出行防疫免费指南</p>
                <span>免费</span>
            </a>
            <em>申请数据</em>
        </li>
        <li class="api-item">
            <i>企业专用</i>
            <a class="aa" href="#">
                <img src="./imgs/API_01.jpg" alt="">
                <p>2021出行防疫免费指南</p>
                <span>免费</span>
            </a>
            <em>申请数据</em>
        </li>
        <li class="api-item">
            <i>企业专用</i>
            <a class="aa" href="#">
                <img src="./imgs/API_01.jpg" alt="">
                <p>2021出行防疫免费指南</p>
                <span>免费</span>
            </a>
            <em>申请数据</em>
        </li>
        <li class="api-item">
            <i>企业专用</i>
            <a class="aa" href="#">
                <img src="./imgs/API_01.jpg" alt="">
                <p>2021出行防疫免费指南</p>
                <span>免费</span>
            </a>
            <em>申请数据</em>
        </li> -->
    </ul>

    <!-- 模态框 -->
    <div class="mst">

        <div class="logins">
            <img src="./imgs/new-logo-white2.png" alt="">
            <!-- 账号登录 -->
            <div class="qwer">
                <div class="login-box">
                    <div class="account-login  loginss">账号登录</div>
                    <i class="gang1">|</i>
                    <div class="scan-login ">扫码登录</div>
                </div>
                <div class="logins-box loginqwer">
                    <div class="login-input">
                        <span></span><input type="text" placeholder="用户名/手机号/邮箱">
                    </div>
                    <div class="login-passeord">
                        <em></em><input type="text" placeholder="密码">
                    </div>
                    <div class="pp"><a class="aa" href="#">忘记密码</a></div>
                    <button class="login-btn">登录</button>
                    <p class="qq">还没有源码账号,<a href="#">立即注册</a></p>
                </div>

            </div>
            <!-- 扫码登录 -->


            <div class="scan-login-box loginqwer">
                <img class="img" src="./imgs/showqrcode.jpg" alt="">
                <p>微信扫码登录</p>
                <span>未关注源码科技公众号，请先关注后再登录</span>
                <p class="ppp">还没有源码账号,<a href="#">立即注册</a></p>
            </div>





        </div>


    </div>
    <!-- 页码 -->
    <ul class="page container">
        <li><a class="qaz" href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li><a href="#">6</a></li>
        <li><a href="#">7</a></li>
        <li><a href="#">8</a></li>
        <li><a href="#">......</a></li>
        <li><a class="qwe" href="">下一页></a></li>
    </ul>


    <!-- 页尾 -->
    <div class="footer1">
        <div class="footer container">
            <div class="footer-zuo cf">
                <div class="footer-zuo1 fl">
                    <p>联系与支持</p>
                    <ul>
                        <li><a href="#">400-882-7715</a></li>
                        <li><a href="#">售前咨询</a></li>
                        <li><a href="#">客服&售后</a></li>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">极速工单</a></li>
                        <li><a href="#">投诉与建议</a></li>
                    </ul>

                </div>
                <div class="footer-zuo1 fl">
                    <p>关于源码</p>
                    <ul>
                        <li><a href="#">400-882-7715</a></li>
                        <li><a href="#">合作伙伴</a></li>
                        <li><a href="#">服务条款</a></li>
                        <li><a href="#">隐私政策</a></li>
                        <li><a href="#">市场合作</a></li>
                        <li><a href="#">反商业贿赂声明</a></li>
                    </ul>

                </div>
                <div class="footer-zuo1 fl">
                    <p>快速入口</p>
                    <ul>
                        <li><a href="#">400-882-7715</a></li>
                        <li><a href="#">API数据</a></li>
                        <li><a href="#">黑钻会员</a></li>
                        <li><a href="#">客服&售后</a></li>
                        <li><a href="#">新闻动态</a></li>
                        <li><a href="#">联系我们</a></li>
                    </ul>

                </div>
                <div class="footer-zuo1 fl">
                    <p>产品服务</p>
                    <ul>
                        <li><a href="#">400-882-7715</a></li>
                        <li><a href="#">云监测</a></li>
                        <li><a href="#">云查询</a></li>
                        <li><a href="#">云助手</a></li>
                        <li><a href="#">聚盒子</a></li>
                        <li><a href="#">云充值</a></li>

                    </ul>

                </div>
                <div class="footer-zuo1 fl">
                    <p>解决方案</p>
                    <ul>
                        <li><a href="#">400-882-7715</a></li>
                        <li><a href="#">数字中台</a></li>
                        <li><a href="#">慧集：API生命周期管理</a></li>
                        <li><a href="#">有赢：助力企业营销</a></li>
                        <li><a href="#">极速工单</a></li>
                        <li><a href="#">投诉与建议</a></li>
                    </ul>

                </div>
                <div class="fr footer-you">
                    <p class="footer-p">微信公众号</p>
                    <p class="footer-p1">源码时代</p>
                    <img src="imgs/wechat-white.png" alt="">
                </div>


            </div>

        </div>
    </div>
    <div class="footer-f">
        <p class="container footer-xia">
            <img src="imgs/bei2.png" alt="">
            <img src="imgs/bei1.png" alt="">
            增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
        </p>
    </div>
    <script src="./js/API.js"></script>
</body>

</html>